<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--在浏览器上出现logo-->
		<link rel="icon" href="img/tyust.png"/>
		<title>2019级毕业实习</title>
	</head>
	<body>
		<!--h2是二级标题-->
		<h2>表单</h2>
		<!--表单的标记就是form，必须写在两个form里-->
		<form action="tyust.html"  action="post">
		<!--上面action可以是post也可以是get，一般是post-->
			用户名<input type="text" placeholder="请输入用户名"/>
			<br>
			密码<input type="password" placeholder="请输入密码"/>
			<br>
			生日<input type="date"/>
			<br>
		    性别<input type="radio" name="gender"/>男
			    <input type="radio" name="gender"/>女
			<br>
			籍贯<select>
				<option>山西</option>
				<option>河北</option>
				<option>四川</option>
				<option>湖南</option>
			</select>
			<br>
			爱好<input type="checkbox"/>踢球
			    <input type="checkbox"/>追剧
			    <input type="checkbox"/>骑行
			<br>
			照片<input type="file"/>
			<br>
			<!--cols是列数，rows是行数-->
			备注<textarea cols="80" rows="5"></textarea>
			<br>
			<!--submit是提交表单-->
			<input type="submit" value="注册"/>
			<!--点“重填按钮所有填写的内容都会清空”-->
			<input type="reset" value="重填"/>
		</form>
		<h2>超链接</h2>
		<!--可以是外部网页超链接-->
		<a href="http://www.tyust.edu.cn">太原科技大学</a>
		<br>
		<!--也可以是自己所写的内部网页超链接-->
		<a href="tyust.html">科大</a>
		<h2>图片</h2>
		<img src="img/tyust.png" width="60px"/>
		<h2>表格</h2>
		<table border="1px" width="500px">
			<tr>
				<td>车次</td>
				<td>出发站</td>
				<td>终点站</td>
				<td>历时</td>
				<td>
					<button>预订</button>
				</td>
			</tr>
			<tr>
				<td>G666</td>
				<td>太原南</td>
				<td>侯马西</td>
				<td>1小时48分钟</td>
				<td>
					<button>预订</button>
				</td>
			</tr>
			<tr>
				<td>G888</td>
				<td>太原南</td>
				<td>临汾</td>
				<td>1小时25分钟</td>
				<td>
					<button>预订</button>
				</td>
			</tr>
		</table>
		<div>
			太原科技大学、星汉灿烂、程少商、凌不疑
			<img src="img/tyust.png"/>
		</div>
		<div>
		<img src="img/tyust.png"/>
		</div>
		<h2>span用法</h2>
		<input type="text"> <span style="color: orangered;">用户名不能为空哦!</span>
		<h2>列表</h2>
		<ul>
			<li>物联网工程专业</li>
			<li>智能科学与技术专业</li>
			<li>计算机专业</li>
		</ul>
		<ol>
			<li>物联网工程专业</li>
			<li>智能科学与技术专业</li>
			<li>计算机专业</li>
		</ol>
	</body>
</html>
